<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
    <title>首页</title>
    <link href="./public/static/css/main.css" type="text/css" rel="stylesheet">
    <link href="./public/static/css/sprite.css" type="text/css" rel="stylesheet">
</head>

<body class="page-of-index">
    <div class="wrapper">
        <header>
            <nav class="page-nav">
                <div class="viewpoint">
                    <a class="active" href="index.html">关于我们</a>
                    <a href="intro.html">业务介绍</a>
                    <a class="mailto" href="mailto:"><i class="icons icon-email"></i></a>
                </div>
            </nav>

            <nav class="page-nav-mobile">
                <div class="logo fl"></div>
                <div class="nav fr">
                    <a class="thumb"></a>
                    <ul class="poper">
                        <li><a href="index.html">关于我们</a></li>
                        <li><a href="intro.html">业务介绍</a></li>
                    </ul>
                </div>
            </nav>

            <div class="banner" id="banner">
                <div class="director">
                    <a data-slide-index="0"></a>
                    <a data-slide-index="1"></a>
                    <a data-slide-index="2"></a>
                </div>
                <ul class="list">
                    <li style="background-image: url(public/static/images/index/banner/1.png)">
                        <div class="text viewpoint">
                            <div class="title">商业梦想的“T次方”。</div>
                            <div class="desc">
                                In a matter of a day, Tableau Online enabled us to create the reports, push them out across the organization, and have different individuals in the organization connect to those reports online from
                            </div>
                            <a href="" class="btn">联系我们</a>
                        </div>
                    </li>
                    <li style="background-image: url(public/static/images/index/banner/1.png)"></li>
                    <li style="background-image: url(public/static/images/index/banner/1.png)"></li>
                </ul>
                <div class="controls viewpoint">
                    <div class="prev"></div>
                    <div class="next"></div>
                </div>
                <div class="apps">
                    <a href=""><i class="icons icon-facebook"></i></a>
                    <a href=""><i class="icons icon-linkedin"></i></a>
                    <a href=""><i class="icons icon-youtube"></i></a>
                    <a href=""><i class="icons icon-twitter"></i></a>
                    <a href=""><i class="icons icon-instagram"></i></a>
                    <hr>
                    <a href=""><i class="icons icon-more-apps"></i></a>
                </div>
            </div>
        </header>

        <div class="features-box">
            <ul class="features">
                <li>
                    <img src="public/static/images/index/f1.png" alt="">
                    <h1>商业模式</h1>
                    <h2>从新视角跨界思考，通过互联网渠道和用户体验思维打开传统商业模式</h2>
                </li>
                <li>
                    <img src="public/static/images/index/f2.png" alt="">
                    <h1>用户体验</h1>
                    <h2>从新视角跨界思考，通过互联网渠道和用户体验思维打开传统商业模式</h2>
                </li>
                <li>
                    <img src="public/static/images/index/f3.png" alt="">
                    <h1>服务渠道</h1>
                    <h2>从新视角跨界思考，通过互联网渠道和用户体验思维打开传统商业模式</h2>
                </li>
            </ul>
            <div class="text viewpoint">
                <ul class="head">
                    <li>商业模式</li>
                    <li>用户体验</li>
                    <li>服务渠道</li>
                </ul>
                <div class="body">
                    <p>In a matter of a day, Tableau Online enabled us to create the reports, push them out across the organization, and have different individuals in the organization connect to those reports online from
                    </p>
                </div>
            </div>
        </div>

        <div class="model">
            <div class="box viewpoint">
                <div class="text">
                    <ul class="body">
                        <li>
                            <small>重新理解新业态下商业成功</small>
                            <h1>传统行业转型模型</h1>
                            <p>In a matter of a day, Tableau Online enabled us to create the reports, push them out across the organization, and have different individuals in the organization connect to those reports online from</p>
                        </li>
                    </ul>
                    <ul class="nav">
                        <li class="active">新的商业模式 ：移动互联网的让商业节约不简单</li>
                        <li>新的用户体验 ：每个用户触点都是绝佳体验机会</li>
                        <li>新的服务渠道 ：大数据下的精准电子渠道集成者</li>
                    </ul>
                </div>
                <div class="diagram">
                    <img src="public/static/images/index/model.png" alt="">
                </div>
            </div>
        </div>

        <div class="tools">
            <div class="viewpoint">
                <div class="text">
                    <h1>转型工具箱</h1>
                    <p>转型工具箱提供一站式企业转型解决方案</p>
                    <a href="" class="btn">Learn more about it</a>
                </div>
            </div>
        </div>

        <div class="partners">
            <div class="viewpoint">
                <h1>我们的合作客户</h1>
                <p>Tableau Online is the fastest, easiest way to share analytics in the cloud.</p>
                <ul class="logos">
                    <li><img src="public/static/images/partners/1.png" alt=""></li>
                    <li><img src="public/static/images/partners/2.png" alt=""></li>
                    <li><img src="public/static/images/partners/3.png" alt=""></li>
                    <li><img src="public/static/images/partners/4.png" alt=""></li>
                    <li><img src="public/static/images/partners/5.png" alt=""></li>
                    <li><img src="public/static/images/partners/6.png" alt=""></li>
                </ul>
            </div>
        </div>

        <div class="contact">
            <div class="viewpoint">
                <h1>联系我们</h1>
                <p>In a matter of a day, Tableau Online enabled us to create the reports, push them out across the organization, and have different individuals in the organization connect to those reports online from</p>
                <form action="">
                    <input class="input" type="text" placeholder="您的姓名">
                    <input class="input" type="text" placeholder="公司名称">
                    <input class="input" type="email" placeholder="您的邮箱">
                    <input class="input" type="tel" placeholder="您的联系电话">
                    <textarea class="input" placeholder="您的留言信息"></textarea>
                    <button type="submit" class="btn">提交问题</button>
                </form>
            </div>
        </div>

        <footer>
            <ul class="viewpoint">
                <li>
                    <div class="item">
                        <h1>About US</h1>
                        <div class="links clearfix">
                            <a href="">Why US</a>
                            <a href="">Features</a>
                            <a href="">Guide</a>
                            <a href="">Leasing</a>
                            <a href="">Clearance</a>
                            <a class="col-2" href="">Coorperation</a>
                            <a href="">Video</a>
                        </div>
                    </div>
                    <div class="item copyright clearfix">
                        © ALL Copyritght RESERVED  2016.
                        <a href="">京ICP备15056030号 </a>
                    </div>
                </li>
                <li>
                    <div class="item">
                        <h1>Hotlines</h1>
                        <p>0755-2839999</p>
                    </div>
                    <div class="item">
                        <h1>Email</h1>
                        <p>EMAIL@YEARONEINVEST.COM</p>
                    </div>
                </li>
            </ul>
        </footer>

    </div>

    <script src="public/static/js/libs/jquery-1.9.1.js"></script>
    <script src="public/static/js/libs/bxslider/jquery.bxslider.js"></script>
    <script src="public/static/js/index.js"></script>
    <script>
        var $navMobile = $(".page-nav-mobile");
        $navMobile.on("click",".thumb",function(){
            $navMobile.find(".nav .poper").toggleClass("show");
        });

        $(document).on("mousedown touchstart",function(e){
            if(!$(e.target).closest(".page-nav-mobile .nav")[0]){
                $navMobile.find(".nav .poper").removeClass("show");
            }
        });
    </script>
</body>
</html>